<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<style>
	#div_new_schedule{
		padding: 20px 50px;
	}
	.dialog-row-content input{height: 30px;}
	.dialog-row-content textarea{height: 50px;}
	.dialog-checkbox-row{padding: 10px 0;}
	.dialog-row-content select{width: 100px;}
	#txt_start_date,#txt_end_date{width: 120px;}
	.dialog-row-title{font-weight: 700;font-size: 15px}
</style>
<script type="text/javascript">
	var managerIndex=1;
	$(function () {
		//设置客户经理弹窗
		$(".choose-manager").click(function () {
			managerIndex=layer.open({
				type: 2,
				title: '选择参与人员',
				shadeClose: true,
				shade: 0,
				offset:["20px","300px"],
				area: ['45%', '78%'],
				content: '${ctx}/sys/member/member/load/userList' //iframe的url
			});
		});
	});
</script>
<div class="dialog-form" id="div_new_schedule">
	<form id="save_form">
	<div class="body-text">
				<div class="dialog-single-row no-margin-t">
					<div class="dialog-row-title">日程类型</div>
					<div class="dialog-row-content">
						<select  id="slt_schedule_type" name="type" >
							<option value="matter">事项</option>
							<option value="other">其他</option>
						</select>
					</div>
				</div>

				<div class="dialog-single-row pos-r" _tag="matter" style="">
					<div class="dialog-row-title">事项名称</div>
					<div class="dialog-row-content">
						<input type="text" class="dialog-input-text" value="" placeholder="请填写事项名称" name="name" id="matter_name">
					</div>
				</div>

				<%--<div class="dialog-single-row" _tag="matter" style="">
					<div class="dialog-row-title">事项地点</div>
					<div class="dialog-row-content">
						<input type="text" class="dialog-input-text" value="" placeholder="请填写事项地点" name="place" id="matter_place">
					</div>
				</div>--%>
				<div class="dialog-single-row pos-r timeRow" _tag="matter" style="">
					<div class="dialog-row-title">事项时间</div>
					<div class="dialog-row-content">
						<input type="text"  id="txt_start_date"  class=" Wdate"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd ',isShowClear:false});" placeholder="事项开始时间" readonly="readonly" name="startDateStr">
						<select  id="slt_start_time" name="startTimeStr" >
							<option value="00:00">00:00</option>
							<option value="00:30">00:30</option>
							<option value="01:00">01:00</option>
							<option value="01:30">01:30</option>
							<option value="02:00">02:00</option>
							<option value="02:30">02:30</option>
							<option value="03:00">03:00</option>
							<option value="03:30">03:30</option>
							<option value="04:00">04:00</option>
							<option value="04:30">04:30</option>
							<option value="05:00">05:00</option>
							<option value="05:30">05:30</option>
							<option value="06:00">06:00</option>
							<option value="06:30">06:30</option>
							<option value="07:00">07:00</option>
							<option value="07:30">07:30</option>
							<option value="08:00">08:00</option>
							<option value="08:30">08:30</option>
							<option value="09:00">09:00</option>
							<option value="09:30">09:30</option>
							<option value="10:00">10:00</option>
							<option value="10:30">10:30</option>
							<option value="11:00">11:00</option>
							<option value="11:30">11:30</option>
							<option value="12:00" selected="selected">12:00</option>
							<option value="12:30">12:30</option>
							<option value="13:00">13:00</option>
							<option value="13:30">13:30</option>
							<option value="14:00">14:00</option>
							<option value="14:30">14:30</option>
							<option value="15:00">15:00</option>
							<option value="15:30">15:30</option>
							<option value="16:00">16:00</option>
							<option value="16:30">16:30</option>
							<option value="17:00">17:00</option>
							<option value="17:30">17:30</option>
							<option value="18:00">18:00</option>
							<option value="18:30">18:30</option>
							<option value="19:00">19:00</option>
							<option value="19:30">19:30</option>
							<option value="20:00">20:00</option>
							<option value="20:30">20:30</option>
							<option value="21:00">21:00</option>
							<option value="21:30">21:30</option>
							<option value="22:00">22:00</option>
							<option value="22:30">22:30</option>
							<option value="23:00">23:00</option>
							<option value="23:30">23:30</option>
						</select>
						<span class="split-text">到</span>
						<input type="text" class="" id="txt_end_date"  class=" Wdate"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd ',isShowClear:false});" placeholder="事项结束时间" readonly="readonly" name="endDateStr">
						<select class="dialog-select" id="slt_end_time" name="endTimeStr" >
							<option value="00:00">00:00</option>
							<option value="00:30">00:30</option>
							<option value="01:00">01:00</option>
							<option value="01:30">01:30</option>
							<option value="02:00">02:00</option>
							<option value="02:30">02:30</option>
							<option value="03:00">03:00</option>
							<option value="03:30">03:30</option>
							<option value="04:00">04:00</option>
							<option value="04:30">04:30</option>
							<option value="05:00">05:00</option>
							<option value="05:30">05:30</option>
							<option value="06:00">06:00</option>
							<option value="06:30">06:30</option>
							<option value="07:00">07:00</option>
							<option value="07:30">07:30</option>
							<option value="08:00">08:00</option>
							<option value="08:30">08:30</option>
							<option value="09:00">09:00</option>
							<option value="09:30">09:30</option>
							<option value="10:00">10:00</option>
							<option value="10:30">10:30</option>
							<option value="11:00">11:00</option>
							<option value="11:30">11:30</option>
							<option value="12:00" selected="selected">12:00</option>
							<option value="12:30">12:30</option>
							<option value="13:00">13:00</option>
							<option value="13:30">13:30</option>
							<option value="14:00">14:00</option>
							<option value="14:30">14:30</option>
							<option value="15:00">15:00</option>
							<option value="15:30">15:30</option>
							<option value="16:00">16:00</option>
							<option value="16:30">16:30</option>
							<option value="17:00">17:00</option>
							<option value="17:30">17:30</option>
							<option value="18:00">18:00</option>
							<option value="18:30">18:30</option>
							<option value="19:00">19:00</option>
							<option value="19:30">19:30</option>
							<option value="20:00">20:00</option>
							<option value="20:30">20:30</option>
							<option value="21:00">21:00</option>
							<option value="21:30">21:30</option>
							<option value="22:00">22:00</option>
							<option value="22:30">22:30</option>
							<option value="23:00">23:00</option>
							<option value="23:30">23:30</option>
						</select>
						<label for="cbx_allday" class="checkbox-text">全天</label>
						<input type="checkbox" class="checkboxclass" name="isAllDay" id="cbx_allday">
					</div>
				</div>

				<div class="dialog-multy-row "  style="">
					<div class="dialog-row-title">参与人员</div>
					<div class="dialog-row-chosePerson-wrap pos-r clearfix">
						<input type="hidden"   id="managerId" htmlEscape="false" name="managerId" />
						<input type="text"   id="managerName" htmlEscape="false" maxlength="80" class="input-xlarge required" readonly="true"/>
						<a href="javascript:void(0)" class="btn btn-primary choose-manager">选择</a><span class="help-inline"><font color="red">*</font> </span>
					</div>
				</div>
				<br>
				<div class="dialog-multy-row " _tag="matter" style="">
					<div class="dialog-row-title">事项说明</div>
					<div class="dialog-textarea">
						<textarea rows="3" cols="6" placeholder="请填写事项说明" name="remarks"></textarea>
					</div>
				</div>
				<div class="dialog-checkbox-row ">
					<div class="dialog-row-title tr-checked">
						<label class="checkbox-text">重复 <input type="checkbox" class="checkboxclass" name="isRepeat" id="cbx_repeat"></label>
					</div>
					<div class="dialog-row-hiddenContent clearfix" style="display: none;">
						<div class="dialog-row-right no-margin-t">
							<div class="dialog-row-content-right">
								重复类型
								<select id="slt_repeat" class="dialog-select full" name="repeatType" >
									<option value="01" data-text="日" data-remark="（最多30天）" selected="selected">每日重复</option>
									<option value="02" data-text="周" data-remark="（最多12周）">每周重复</option>
									<option value="03" data-text="月" data-remark="（最多24月）">每月重复</option>
									<option value="04" data-text="年" data-remark="（最多30年）">每年重复</option>
								</select>
							</div>
						</div>
						<div class="dialog-row-right">
							<div class="dialog-row-content-right">
								重复频率
								<span >每</span>
								<input type="text" class="dialog-input-text w54" name="intervalNum" id="intervalNum" maxlength="2"  onkeyup="this.value=this.value.replace(/\D/g,'1')" onafterpaste="this.value=this.value.replace(/\D/g,'1')" >
								<span id="sp_unit" style="margin-left:9px;">日（最多30天）</span>
							</div>
						</div>
						<div class="dialog-row-right">
							<div class="dialog-row-content-right">
								重复截止
								<span class="input-row-radio radio-icons radio-icons-checked">
									<input type="radio" name="isRepeatForever" value="0" class="radioclass" id="isFinishedYes"><label for="isFinishedYes">&nbsp;&nbsp;是</label>
								</span>
								<span class="input-row-radio radio-icons" style="margin-left:15px;">
									<input type="radio" name="isRepeatForever" value="1" class="radioclass" id="isFinishedNo" checked="checked"><label for="isFinishedNo">&nbsp;&nbsp;否</label>
								</span>
								<input type="text" class=" Wdate"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd ',isShowClear:false});" id="txt_repeat_end" placeholder="截止时间" readonly="readonly" name="repeatEndTimeStr" style="margin-left: 12px; display: none;">
							</div>
						</div>
					</div>
				</div>
	</form>
			<%--	<div class="dialog-checkbox-row clearfix no-margin-t">
					<div class="dialog-row-title w-full">
						<div class="checkbox-icons checkbox-withtext">
							<input type="checkbox" class="checkboxclass" name="isImportant" id="cbx_flag">
						</div>
						<label for="cbx_flag" class="checkbox-text">标为重要日程</label>
					</div>
				</div>--%>
				<div class="footer-btns">
					<a href="javascript:;" class="btn btn-blue dg-btn-save" id="btn_save">确定</a>
					<a href="javascript:;" class="btn btn-cancel">取消</a>
				</div>
	</div>
</div>
</form>
